
@extends('home.base.base')


@section('head')
    <link rel="stylesheet" href="/public/statics/css/invest.css" />
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/public/asserts/lib/vue/vue.js" ></script>
    <style type="text/css">
        body{background:#f2f2f2;}
    </style>
@endsection

@section('content')
    <div class="jf-container">


        <div class="jf-center cls jfn-nav">

            <ul class="">
                <li class="jf-fl jfs-img">
                    <img src="/public/statics/img/system/1.png" />
                </li>
                <li class="jf-fl">
                    <div class="jfs-bread"><span>中生健康</span>&gt;<span>中生健康</span>&gt;<span>中生健康</span></div>
                    <div class="jfs-tag"><img src="/public/statics/img/system/ztc17.png" ></div>
                </li>
                <li class="jf-fl">

                </li>
            </ul>
            <ul class="jfs-nav jf-fr">
                <li class="jf-fl">投资首页</li>
                <li class="jf-fl">项目介绍</li>
                <li class="jf-fl">投资优势</li>
                <li class="jf-fl">加盟流程</li>
                <li class="jf-fl">立即咨询</li>
            </ul>

        </div>

    </div>


    <div class="jf-container-fluid">
        <img src="/public/statics/img/system/23.jpg"  style="width: 100%;"/>
    </div>

    <div class="jf-container-fluid jfn-three-block">
        <div class="jfs-title ">
            <div class='jfs-cn'>我们能做什么</div>
            <div class="jfs-en">What can we do</div>
        </div>
        <div class="jfs-list-container">
            <ul class="cls jfs-list ">
                <li class="jf-fl">
                    <img src="/public/statics/img/system/24.jpg" />
                    <div>基因检测</div>
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/25.jpg" />
                    <div>细胞保健</div>
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/26.jpg" />
                    <div>生命银行</div>
                </li>
            </ul>
        </div>
    </div>

    <div class="jf-container-fluid jfn-expert">
        <!--<div class="jfs-title ">
            <div class='jfs-cn'>我们能做什么</div>
            <div class="jfs-en">What can we do</div>
        </div>-->
        <img src="/public/statics/img/system/27.jpg"  style="width:100%;"/>
    </div>

    <div class="jf-container-fluid jfn-intro"  style="padding:20px 0;">
        <div class='cls'>
            <div class="jfs-title jf-fl">
                <ul>
                    <li class="jfs-cn">集团介绍</li>
                    <li class="jfs-en">about us</li>
                    <li class="jfs-show"><a href="">查看详情</a></li>
                </ul>
            </div>
            <div class="jfs-img jf-fl">
                <img src="/public/statics/img/system/28.jpg"  />
            </div>
            <div class="jfs-desc jf-fl">
                <p>深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团</p>
                <p>深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团深证中生健康产业集团</p>
            </div>
        </div>
    </div>


    <div class="jf-container-fluid jfn-honor" >
        <div class='cls'>
            <div class="jfs-title ">
                <div class='jfs-cn'>资质荣誉</div>
                <div class="jfs-en">Qualification honor</div>
            </div>
            <div class="jfs-list">
                <img src="/public/statics/img/system/29.jpg"  />
                <img src="/public/statics/img/system/29.jpg"  />
                <img src="/public/statics/img/system/29.jpg"  />
                <img src="/public/statics/img/system/29.jpg"  />
            </div>
        </div>
    </div>


    <div class="jf-container-fluid ">
        <div style="width:1124px;border:0px solid red;height:438px;margin:44px auto;">

            <div style="float:left;width:634px;border:0px solid purple;">
                <div style="height:50px;border:0px solid yellow;">
                    <div style="width:50%;float:left;text-align: center;color:white;background: #00a8ff;height:100%;line-height:50px;vertical-align: middle;">
                        <span style="font-size:20px;font-weight:bold;">公司动态</span><span>Company News</span>
                    </div>
                    <div style="width:50%;float:left;text-align: center;color:#333;background: white;height:100%;line-height:50px;">
                        <span style="font-size:20px;font-weight:bold;">媒体报道</span><span>Media reports</span>
                    </div>
                </div>
                <div>
                    <div class="cls" style="padding:19px 0;">
                        <div style="float:left;">
                            <img src="/public/statics/img/system/ztc1.png" style="width:152px;height:94px;"/>
                        </div>
                        <div style="margin-left:169px;">
                            <div style="font-size:18px;font-weight: bold;border-bottom: 1px dashed silver;margin-bottom:6px;padding-bottom: 6px;color:#333;">上海发布医学“十三五”规划 要求发展精准医学</div>
                            <div style="font-size:14px;">近日，上海市卫计委发布《上海市医学科技创新发展“十三五”规划》。 《规划》要求瞄准国际，发展医学科技前沿技术，
                                把握科技革命和产业变革的大趋势，融入全球医学科技创新网络</div>
                        </div>
                    </div>
                    <div class="cls" style="padding:19px 0;">
                        <div style="float:left;">
                            <img src="/public/statics/img/system/ztc2.png" style="width:152px;height:94px;"/>
                        </div>
                        <div style="margin-left:169px;">
                            <div style="font-size:18px;font-weight: bold;border-bottom: 1px dashed silver;margin-bottom:6px;padding-bottom: 6px;color:#333;">上海发布医学“十三五”规划 要求发展精准医学</div>
                            <div style="font-size:14px;">近日，上海市卫计委发布《上海市医学科技创新发展“十三五”规划》。 《规划》要求瞄准国际，发展医学科技前沿技术，
                                把握科技革命和产业变革的大趋势，融入全球医学科技创新网络</div>
                        </div>
                    </div>
                    <div class="cls" style="padding:19px 0;">
                        <div style="float:left;">
                            <img src="/public/statics/img/system/ztc3.png" style="width:152px;height:94px;"/>
                        </div>
                        <div style="margin-left:169px;">
                            <div style="font-size:18px;font-weight: bold;border-bottom: 1px dashed silver;margin-bottom:6px;padding-bottom: 6px;color:#333;">上海发布医学“十三五”规划 要求发展精准医学</div>
                            <div style="font-size:14px;">近日，上海市卫计委发布《上海市医学科技创新发展“十三五”规划》。 《规划》要求瞄准国际，发展医学科技前沿技术，
                                把握科技革命和产业变革的大趋势，融入全球医学科技创新网络</div>
                        </div>
                    </div>

                </div>
            </div>
            <div style="float:left;width:372px;height:438px;border:0px solid mediumblue;margin-left:110px;background: #00a9ff;color:white;">
                <div style="height:133px;border:0px solid yellow;box-sizing: border-box;padding-top:33px;">
                    <div style="text-align:center;font-weight:bold;font-size:25px;">选择基于信任，信任基于了解</div>
                    <div style="text-align: center;padding:0 28px;font-size:14px;line-height: 25px;">立即填写您的信息，每天前10名可免费获得健康专家1对1咨询及价值1980元的健康讲座</div>
                </div>
                <div style="height:133px;border:0px solid red;background: white;color:#333;width:300px;margin:0 auto;">
                    <div style="box-sizing: border-box;background: white;margin:0 auto;width:255px;border:0px solid black;">
                        <div style="height:40px;border-bottom: 1px solid #ccc;line-height:40px;width:100%;">
                            <span style="font-weight: bold;">姓名：</span><input type="text" name="name" style="border:0;height:20px;"/>
                        </div>
                        <div style="height:40px;border-bottom: 1px solid #ccc;line-height:40px;">
                            <span style="font-weight: bold;">电话：</span><input type="text" name="name" style="border:0;height:20px;" />
                        </div>
                        <div style="height:40px;border-bottom: 1px solid #ccc;line-height:40px;">
                            <span style="font-weight: bold;">验证码：</span><input type="text" name="name" style="border:0;height:20px;width:100px;" /><span>abcd</span>
                        </div>
                    </div>
                </div>
                <div style="height:69px;border:0px solid darkblue;text-align:center;margin-top:17px;">
                    <img src="/public/statics/img/system/ztc5.png" />
                </div>
                <div style="height:69px;border:0px solid mediumseagreen;text-align:center;margin-top:10px;">
                    <img src="/public/statics/img/system/ztc6.png" />
                </div>
            </div>

        </div>
    </div>




    <div class="jf-container-fluid jfn-partners">
        <div class="jfs-title ">
            <div class='jfs-cn'>战略合作伙伴</div>
            <div class="jfs-en">strategic partners</div>
        </div>
        <div class="jfs-list-container">
            <ul class="cls jfs-list ">
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc7.png" />
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc8.png" />
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc9.png" />
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc9.png" />
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc10.png" />
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc11.png" />
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc12.png" />
                </li>
                <li class="jf-fl">
                    <img src="/public/statics/img/system/ztc13.png" />
                </li>
            </ul>
        </div>
    </div>


    <div class="jf-container-fluid jfn-hr">
        <div style="height:60px;font-size:27px;line-height: 60px;font-weight: bold;background: #d3172c;color:white;text-align:center;">如果你对该项目感兴趣，请用免费电话咨询或留言</div>
    </div>

    <div class="jf-container-fluid jfn-message" style="margin:40px 0;" id="app">
        <div class="cls" style="height:320px;width:986px;margin:0 auto;">
        <div class="jf-fl" style="width:244px;margin-right:30px;border:1px solid silver;padding-bottom:23px;">
            <div style="width:245px;height:36px;text-align: center;line-height:36px;background: #d3172c;color:white;font-size:20px;">免费电话回呼</div>
            <div>
                <div style="color:#07aa17;text-align: center;padding:20px 0;font-size:15px;">无需话费 立即沟通</div>
                <div style="width:226px;margin:0 auto;">
                    <input type="text" style="width:225px;border:1px solid #07aa17;height:47px;" placeholder="请输入您的手机号码"/>
                    <img src="/public/statics/img/system/ztc16.png" />
                </div>
                <div style="width:224px;margin:0 auto;margin-top:24px;">
                    <div style="color:red;font-size:12px;">温馨提示：</div>
                    <div style="font-size:12px;">此次通话您的手机处于接收状态，无需承担任何费用。项目方会自动回拨您输入的电话，省时，省力，快速掌握无限商机。</div>
                </div>
            </div>
        </div>
        <div class="jf-fl" style="width:377px;margin-right:30px;">
            <form id="sendMessage">
            <table>
                <tr>
                    <td style="text-align: right;">姓名:</td>
                    <td><input type="text" name="name" style="height:27px;width:287px;" /> </td>
                </tr>
                <tr>
                    <td style="text-align: right;">手机:</td>
                    <td><input type="text" name="mobile" style="height:27px;width:287px;"/></td>
                </tr>
                <tr>
                    <td style="text-align: right;">地址:</td>
                    <td><input type="text" name="address" style="height:27px;width:287px;"/></td>
                </tr>
                <tr>
                    <td style="text-align: right;">投资额度:</td>
                    <td><input type="text" name="quota" style="height:27px;width:287px;"/></td>
                </tr>
                <tr>
                    <td style="text-align: right;">回访:</td>
                    <td><input type="radio" name="visit" value="随时"/>随时&nbsp;<input type="radio" name="visit" value="上班时间"/>上班时间&nbsp;<input type="radio" name="visit" value="下班时间"/>下班时间</td>
                </tr>
                <tr>
                    <td style="text-align: right;">留言内容:</td>
                    <td>
                        <textarea style="height:100px;width:285px;" name="content"></textarea>
                        <br />
                        <div style="width:288px;background: #d3172c;height:27px;color:white;text-align: center;line-height:27px;" v-on:click="sendMessage"> 提 交 留 言 </div>
                    </td>
                </tr>
            </table>
            </form>
        </div>
        <div class="jf-fl" style="width:298px;">
            <div><img src="/public/statics/img/system/ztc15.png" style="width:298px;" /></div>
            <div>
                <div style="font-size:14px;height:22px;line-height:22px;background: #d3172c;color:white;text-align: center;">你可以根据以下意见选择快捷留言</div>
                <div style="box-sizing:border-box;padding:20px;border:1px solid silver;">
                    <ul style="margin:0;padding:0;font-size:12px;">
                        <li>我对项目很感兴趣，请尽快发资料给我！</li>
                        <li>请问我所在的地区有加盟商了吗？</li>
                        <li>我想加盟，请发资料给我，谢谢！</li>
                        <li>我想详细了解这个项目的运作流程，请与我联系</li>
                        <li>想加盟，请来电告知细节</li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
        </div>
    </div>

    <script type="text/javascript">
        new Vue({
            el:"#app",
            data:{},
            methods:{
                sendMessage:function(){
                    var data = $("#sendMessage").serializeArray();

                    $.post("/message/store",data,function(data){
                        alert(data.message);
                        $("#sendMessage input").val('');
                        $("#sendMessage textarea").val("");
                    },'JSON');
                }
            }
        });
    </script>
    @include('home.base.float')

@endsection
